import React from "react";
import {Link} from "react-router-dom";
import styles from "./style.less";

const PlayItem = (props) => {
    const {url, cover, title} = props;

    return (
        <li className={styles.playItemWrap}>
            <Link to={url}>
                <div className={styles.playItem}>
                    <div>
                        <img className={styles.playCover} src={cover} alt=""/>
                    </div>
                    <div className={styles.playTitle}>{title}</div>
                </div>
            </Link>
        </li>
    );
}

export default PlayItem;
